<template>
    <div class="main">
        <header>

        </header>
        <div class="content">
            <router-view></router-view>
        </div>
        <nav>
            <router-link to='/'>首页</router-link>
            <router-link to='/Classification'>分类</router-link>
            <router-link to='/ShoppingCart'>购物车</router-link>
            <router-link to='/My'>我的</router-link>
        </nav>
    </div>
</template>
<style lang="scss" scoped>
.main{
    height: 100%;
    display: flex;
    flex-direction: column;
    .content{
        flex: 1;
    }
    nav{
        display: flex;
        height: 50px;
        background: white;
        a{
            flex: 1;
            text-align: center;
            font-size: 14px;
        }
        .router-link-active{
            color: #4285F4;
        }
    }
}
</style>